<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>林本硕的作业</title>
        <style>
            body{
                font-size: 12px;
                width: 1003px;
                margin: auto;
            }
            a:link{
                color:floralwhite;
                text-decoration: none;
            }
            a:visited{
                color: floralwhite
            }
            a:hover{
                color:red;
                text-decoration: underline;
            }
            a:active{
                color: slateblue;
            }
            .yui{
                background: url(./images/index_04.jpg);
                background-repeat: no-repeat;
                background-size: 100%;
                width: 1003px;
                height: 180px;
            }
            .tr1{
                color: floralwhite;
                height: 45px;
            }
            .td2{
                width: 453px;
            }
            .tdd2{
                width: 150px;
            }
            .tdy2{
                border-right: 2px solid gray;
                width: 1003px;
                height: 268px;
            }
            .td6{
                width: 234px;
                float: left;
            }
            .td7{
                float: right;
                width: 769px;
            }
            .td8{
                width: 100px;
            }
            .td9{
                width: 137px;
            }
            .td10{
                width: 532px;
            }
            .tr8{
                height: 10px;
            }
            .table2{
                margin-top: 0;
            }
            .ul1{
                list-style-type: square;
                width: 170px;
                line-height: 10px;
            }
            .li1{
                width: 170px;
                padding-top: 0px;
                padding-bottom: 5px;
            }
            .p1{
                width: 170px;
                color: gray;
            }
            .table5{
                width: 532px;
            }
            .table66{
                width: 532px;
                height: 33px;
                background-image: url(./images/index_introduce.gif);
            }
            .td000{
                width: 500px;
            }
            .td858{
                width: 32px;
            }
            #tq{
                position: relative;
                bottom: 50px;
                font-size: 15px;
                text-align: right;
                background-image: url(./images/index_07.gif);
                background-repeat: no-repeat;
                background-size: 100%;
                width: 730px;
                height: 40px;
                margin-left: 20px;
            }
            .div3{
                position: relative;
                bottom: 50px;
                width: 719px;
                height: 270px;
                border: 1px solid gray;
                margin-left: 28px;

            }
            .div4{
                border-left: 1px solid gray;
                margin-left: 50px;
                line-height: 25px;
                height: 236px;
            }
            .ul2{
                color: gray;
                list-style-image: url(./images/forum_today.gif);
                background: linear-gradient(to right, rgb(164, 161, 161),rgb(255, 255, 255));
            }
            .ul3{
                color: gray;
                list-style-image: url(./images/forum_post.gif);
                background: linear-gradient(to right,rgba(238, 236, 231, 0.89),#ffff);
            }
            .p2{
                position: relative;
                top: 18px;
                right: 18px;
            }
            .div6{
                padding-top: 0px;
                padding-bottom: 0px;
                position: relative;
                left: 15px;
            }
            .ul77{
                position: relative;
                bottom: 15px;
            }
            .ul1111{
                position: relative;
                bottom: 25px;
            }
            .ull1{
                position: relative;
                bottom: 35px;
                
            }
            .ull2{
                position: relative;
                bottom: 45px;
            }
            .ull3{
                position: relative;
                bottom: 55px;
            }
            .ull4{
                position: relative;
                bottom: 65px;
            }
            .ull5{
                position: relative;
                bottom: 75px;
            }
            .ull6{
                position: relative;
                bottom: 85px;
            }
            .div1{
                width: 400px;
                position: relative;
                left: 5px;
            }
            .tr12{
                background-image: url(./images/2525252525252525.png);
                width: 1003px;
                height: 80px;
            }
            .div7{
                position: relative;
                left: 750px;
                top: 50px;
            }
            .tr2{
                text-align: center;
               
                
            }
            .td3{
                width: 550px;
            }
            
            
           
            
        </style>
	</head>
	<body>
        <table>
            <tr>
                <div>
                    <table class="tr12">
                        <tr class="tr2">
                            <td class="td3"></td>
                            <td><img src="./images/index_separate.gif"></td>
                            <td>首页
                                Index</td>
                            <td><img src="./images/index_separate.gif"></td>
                            <td>产品地带
                                Product</td>
                            <td><img src="./images/index_separate.gif"></td>
                            <td>解决方案
                                Scheme</td>
                            <td><img src="./images/index_separate.gif"></td>
                            <td>技术支持
                                Instructor</td>
                            <td><img src="./images/index_separate.gif"></td>
                            <td>客户渠道
                                channel</td>
                            <td><img src="./images/index_separate.gif"></td>
                            <td>讨论
                                forum</td>
                        </tr>
                    </table>
                </div>
                
            </tr>
            <tr>
                <table class="yui">
                    <tr class="tr1">
                        <td class="td2">2006年01月25日</td>
                        <td>&nbsp;</td>
                        <td><a href="#">设为首页</a></td>
                        <td><a href="#">收藏本站</a></td>
                        <td><a href="#">联系我们</a></td>
                        <td><a href="#">关于</a></td>

                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                    
                </table>
            </tr>
            
        </table>
        <table>
            <tr class="tdy2">
                <td class="td6">
                    <table>
                        <tr><img src="./images/index_bbs.gif"></tr>
                        <tr>
                            <ul class="ul1">
                                <li class="li1"><a href="#"><p class="p1">思念是风是去是婵娟</p></a></li>
                                <li class="li1"><a href="#"><p class="p1">刘欣正在测试程序</p></li>
                                <li class="li1"><a href="#"><p class="p1">Flash大赛公告标题</p></li>
                                <li class="li1"><a href="#"><p class="p1">公告标题加公告</p></li>
                                <li class="li1"><a href="#"><p class="p1">明日科技对图书的改革</p></li>
                            </ul>
                        </tr>
                        <tr><img src="./images/index_mend_dlS.gif"></tr>
                    </table>
                </td>
                <td>
                    <div class="div7"><img src="./images/index_10.gif"></div>
                    <div id="tq"><p class="p2">更多</p></div>
                    <div class="div3">
                        <div class="div4">
                            <div class="div1">
                            <table>
                                <tr>
                                    <ul class="ul2">
                                        <li><a href="#"><p class="p1">新一代电脑问世</p></a></li>
                                    </ul>
                                    <ul class="ul3 ul77">
                                        <li><a href="#"><p class="p1">搜索新闻</p></a></li>
                                    </ul>
                                    <ul class="ul2 ul1111">
                                        <li><a href="#"><p class="p1">多了一条应该没事</p></a></li>
                                    </ul>
                                    <ul class="ul3 ull1">
                                        <li><a href="#"><p class="p1">微软</p></a></li>
                                    </ul>
                                    <ul class="ul2 ull2">
                                        <li><a href="#"><p class="p1">沃达丰今年推崇新品</p></a></li>
                                    </ul>
                                    <ul class="ul3 ull3">
                                        <li><a href="#"><p class="p1">电子产品污染有控制</p></a></li>
                                    </ul>
                                    <ul class="ul2 ull4">
                                        <li><a href="#"><p class="p1">微软新闻</p></a></li>
                                    </ul>
                                    <ul class="ul3 ull5">
                                        <li><a href="#"><p class="p1">汉芯一代将问世</p></a></li>
                                    </ul>
                                    <ul class="ul2 ull6">
                                        <li><a href="#"><p class="p1">AMD处理器蓝图</p></a></li>
                                    </ul>

                                </tr>
                            </table>
                            </div>
                            
                            </div>
                        </div>
                    </div>
                    <div class="div5"></div>
                   
                </td>
                
            </tr>
        </table>
        
	</body>
</html>
